.personnel-name-wrapper {
  overflow: hidden;

  .personnel-name {
    white-space: nowrap;
    background-color: #0a0c15;
    color: #c8d2d4;
    font-family: "楷体", "KaiTi", "STKaiti";
    font-size: 18px;
    padding: 2px 10px;
    border-radius: 1px;
    transform: translateY(100%);
    transition: transform 0.2s;
    letter-spacing: 2px;
    border: 1px solid #fff;
  }

  &.show {
    .personnel-name {
      transform: translateY(0);
    }
  }
}
